<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button>innerHTML</button>
    <button>innerText</button>
    <hr/>
    <p><a>不要说话了</a>，我都听到了！我有点困，但是又不好意思睡觉！我在忍着，等到放学就好了，中午好好吃一顿！晚上好好睡一觉！明天接着困！春困秋乏夏打盹睡不醒的冬三月！</p>
</body>
<script>
    const pEle = document.querySelector("p");
    // 获取
    // console.log(pEle.innerHTML);//获取元素内容包含标签
    // console.log(pEle.innerText);//获取元素内容不包含标签

    const btns = document.querySelectorAll("button");
    btns[0].onclick = function(){
        // innerHTML:可以设置内容，浏览器可以识别内容中的标签
        pEle.innerHTML = "<h3>你现在还好吗？</h3>";
    }
    btns[1].onclick = function(){
        // innerText:可以设置内容，浏览器不可以识别内容中的标签
        pEle.innerText = "<h3>不要管人家过的好不好，自己过的好就可以了</h3>";
    }
</script>
</html>